body,html
  height 100%
body
  padding-top 56px
table
  background-color: transparent
  border-collapse: collapse;
  border-spacing: 0;
thead
  display: table-header-group
  vertical-align: middle
  border-color: inherit
input[type=checkbox], input[type=radio]
  margin 4px 0 0
  line-height normal
  box-sizing border-box
  padding 0
.navbar-fixed-bottom, .navbar-fixed-top
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
.pull-left
  float left!important
.avatar img
  width 100%
  height 100%
  border 1px solid rgb(221,221,221)
  border-image initial
  border-radius 50%
#app
  font-size 17px
  position absolute
  width 100%
#app.reader-night-mode
  background #3f3f3f
  color #c8c8c8
#app.reader-night-mode .navbar-default, #app.reader-night-mode .setting .main .setting-pay .input-group .input-group-addon
  background-color: #3f3f3f
  border-color #2f2f2f
#app.reader-night-mode .person .row main .main-top .info ul li .meta-block a p
  color #969696
#app.reader-night-mode nav .style-mode .popover-modal:after
  border-bottom-color: #3f3f3f;
#app.reader-night-mode nav .style-mode .popover-modal
  box-shadow: 0 2px 8px rgba(0,0,0,.2);
  filter: drop-shadow(0 0 8px rgba(0,0,0,.2));
  -webkit-filter: drop-shadow(0 0 8px rgba(0,0,0,.2));
#app.reader-night-mode .avatar-collection img, #app.reader-night-mode .avatar img, #app.reader-night-mode .collection .aside .share .share-list, #app.reader-night-mode .new-collection .main .add-manager .user-add .dropdown-menu, #app.reader-night-mode .sign .forget-btn .dropdown-menu, #app.reader-night-mode .sign .overseas .dropdown-menu, #app.reader-night-mode .subscription .aside .dropdown-menu, #app.reader-night-mode nav .notification .dropdown-menu, #app.reader-night-mode nav .style-mode .popover-modal, #app.reader-night-mode nav .user .dropdown-menu
  background #3f3f3f
#app.reader-night-mode .add-blacklist .action a:hover, #app.reader-night-mode .collection .aside .check-more:hover, #app.reader-night-mode .collection .aside .follow-list .modal-#app .name, #app.reader-night-mode .collection .aside .function-btn, #app.reader-night-mode .collection .aside .list .name, #app.reader-night-mode .collection .aside .name:hover, #app.reader-night-mode .collection .aside .open, #app.reader-night-mode .collection .aside .share .share-list a, #app.reader-night-mode .collection .aside .share a:hover, #app.reader-night-mode .collection .aside .share i, #app.reader-night-mode .collection .aside a.open:hover, #app.reader-night-mode .collection .main .main-top .modal-#app .note-name, #app.reader-night-mode .collection .main .title .name, #app.reader-night-mode .delete-modal .action a:hover, #app.reader-night-mode .form-control, #app.reader-night-mode .index .aside .jianshu-daily .note-title, #app.reader-night-mode .index .aside .jianshu-daily .title a:hover, #app.reader-night-mode .index .main .recommend-collection .collection, #app.reader-night-mode .index .main .recommend-collection .more-hot-collection, #app.reader-night-mode .mobile-bind .overseas .dropdown-menu span, #app.reader-night-mode .mobile-bind .overseas .overseas-number span, #app.reader-night-mode .mobile-bind .secure-session span, #app.reader-night-mode .modal-header .close, #app.reader-night-mode .modal-title, #app.reader-night-mode .navbar-default .dropdown-menu span, #app.reader-night-mode .navbar-default .navbar-nav .open a.notification-btn, #app.reader-night-mode .navbar-default .navbar-nav .open a.notification-btn:hover, #app.reader-night-mode .navbar-default .navbar-nav>li>a, #app.reader-night-mode .new-collection .main .btn-default, #app.reader-night-mode .new-collection .main h3, #app.reader-night-mode .new-collection .main h5, #app.reader-night-mode .new-collection .main input, #app.reader-night-mode .new-collection .main span, #app.reader-night-mode .new-collection .main textarea, #app.reader-night-mode .note-bottom .main .include-collection .add-collection, #app.reader-night-mode .note-bottom .main .include-collection .item, #app.reader-night-mode .note-bottom .recommend-note .note .author .name, #app.reader-night-mode .note-bottom .recommend-note .note .description, #app.reader-night-mode .note-bottom .recommend-note .note .title, #app.reader-night-mode .note-bottom .seo-recommended-notes .note .author .name, #app.reader-night-mode .note-bottom .seo-recommended-notes .note .description, #app.reader-night-mode .note-bottom .seo-recommended-notes .note .title, #app.reader-night-mode .note-list .abstract p, #app.reader-night-mode .note-list .author a, #app.reader-night-mode .note-list .meta a:hover, #app.reader-night-mode .note-list .title, #app.reader-night-mode .note .follow-detail .info .title, #app.reader-night-mode .note .like-user .modal-#app .name, #app.reader-night-mode .note .post .article .author .name a, #app.reader-night-mode .note .post .article .title, #app.reader-night-mode .note .post .comment-list .name, #app.reader-night-mode .note .post .comment-list .new-comment .cancel:hover, #app.reader-night-mode .note .post .comment-list .new-comment .emoji i:hover, #app.reader-night-mode .note .post .comment-list .normal-comment-list .top-title .pull-right .active, #app.reader-night-mode .note .post .comment-list .normal-comment-list .top-title .pull-right a:hover, #app.reader-night-mode .note .post .comment-list .sub-comment-list p, #app.reader-night-mode .note .post .comment-list .top-title, #app.reader-night-mode .note .post .comment-list p, #app.reader-night-mode .note .post .meta-bottom .share-group .share-list a, #app.reader-night-mode .note .post .support-author .supporter .modal-wrap a, #app.reader-night-mode .note .post .support-author p, #app.reader-night-mode .note .reward-user .modal-#app .name, #app.reader-night-mode .note .success-pay .share-bind, #app.reader-night-mode .note .success-pay h2, #app.reader-night-mode .note .success-pay h3, #app.reader-night-mode .note .weixin-pay h2, #app.reader-night-mode .note .weixin-pay h3, #app.reader-night-mode .notification .main .chat-top .back-to-list:hover, #app.reader-night-mode .notification .main .chat-top a, #app.reader-night-mode .notification .main .chat-top b, #app.reader-night-mode .notification .main .comment-list .info .comment-slogan, #app.reader-night-mode .notification .main .comment-list .info a.user, #app.reader-night-mode .notification .main .comment-list .info p, #app.reader-night-mode .notification .main .comment-list .info span, #app.reader-night-mode .notification .main .comment-list .meta .function-btn:hover, #app.reader-night-mode .notification .main .comment-list .meta .report:hover, #app.reader-night-mode .notification .main .comment-list a.cancel:hover, #app.reader-night-mode .notification .main .comment-list p, #app.reader-night-mode .notification .main .dropdown-menu, #app.reader-night-mode .notification .main .dropdown-menu li a, #app.reader-night-mode .notification .main .follow-list .info .comment-slogan, #app.reader-night-mode .notification .main .follow-list .info a.user, #app.reader-night-mode .notification .main .follow-list .info p, #app.reader-night-mode .notification .main .follow-list .info span, #app.reader-night-mode .notification .main .follow-list .meta .function-btn:hover, #app.reader-night-mode .notification .main .follow-list .meta .report:hover, #app.reader-night-mode .notification .main .follow-list p, #app.reader-night-mode .notification .main .jianxin-list .name, #app.reader-night-mode .notification .main .jianxin-list .pull-right a, #app.reader-night-mode .notification .main .like-list .info .comment-slogan, #app.reader-night-mode .notification .main .like-list .info a.user, #app.reader-night-mode .notification .main .like-list .info p, #app.reader-night-mode .notification .main .like-list .info span, #app.reader-night-mode .notification .main .like-list .meta .function-btn:hover, #app.reader-night-mode .notification .main .like-list .meta .report:hover, #app.reader-night-mode .notification .main .like-list p, #app.reader-night-mode .notification .main .new-comment .cancel:hover, #app.reader-night-mode .notification .main .new-comment .emoji i:hover, #app.reader-night-mode .notification .main .other-list .info .comment-slogan, #app.reader-night-mode .notification .main .other-list .info a.user, #app.reader-night-mode .notification .main .other-list .info p, #app.reader-night-mode .notification .main .other-list .info span, #app.reader-night-mode .notification .main .other-list .meta .function-btn:hover, #app.reader-night-mode .notification .main .other-list .meta .report:hover, #app.reader-night-mode .notification .main .other-list p, #app.reader-night-mode .notification .main .pay-list .info .comment-slogan, #app.reader-night-mode .notification .main .pay-list .info a.user, #app.reader-night-mode .notification .main .pay-list .info p, #app.reader-night-mode .notification .main .pay-list .info span, #app.reader-night-mode .notification .main .pay-list .meta .function-btn:hover, #app.reader-night-mode .notification .main .pay-list .meta .report:hover, #app.reader-night-mode .notification .main .pay-list p, #app.reader-night-mode .notification .main .push-list .name, #app.reader-night-mode .notification .main .push-list .pull-right a, #app.reader-night-mode .notification .main .push-top .back-to-list:hover, #app.reader-night-mode .notification .main .push-top b, #app.reader-night-mode .notification .main .write-message .emoji i:hover, #app.reader-night-mode .pay .main-inputs .amount-group .option, #app.reader-night-mode .pay .main-inputs textarea, #app.reader-night-mode .person .aside .list .name, #app.reader-night-mode .person .aside .user-dynamic a, #app.reader-night-mode .person .aside a:hover, #app.reader-night-mode .person .row main .main-top .info ul li .meta-block a p, #app.reader-night-mode .person .main .user-list .info a, #app.reader-night-mode .person .main .user-list .name, #app.reader-night-mode .refuse-push .action a:hover, #app.reader-night-mode .report-modal .action a:hover, #app.reader-night-mode .search .main .search-content .note-list .name a, #app.reader-night-mode .search .main .search-content .note-list .title, #app.reader-night-mode .search .main .sort-type a.active, #app.reader-night-mode .search .main .sort-type a:hover, #app.reader-night-mode .search .main .top .list .name, #app.reader-night-mode .search .main .top .title, #app.reader-night-mode .search .main .user-list .name, #app.reader-night-mode .setting .main .blacklist li a:hover, #app.reader-night-mode .setting .main .cancel-bind:hover, #app.reader-night-mode .setting .main .information .social-bind-list .bind-name a:hover, #app.reader-night-mode .setting .main .information .weixin-qrcode p.active:hover, #app.reader-night-mode .side-tool ul a, #app.reader-night-mode .sign .forget-btn .dropdown-menu a, #app.reader-night-mode .sign .forget-btn a:hover, #app.reader-night-mode .sign .more-sign .ic-more, #app.reader-night-mode .sign .overseas-btn:hover, #app.reader-night-mode .sign .overseas .dropdown-menu li a, #app.reader-night-mode .sign .reset-title, #app.reader-night-mode .sign .return:hover, #app.reader-night-mode .sign form .input-prepend input, #app.reader-night-mode .sign form .input-prepend span, #app.reader-night-mode .subscription .aside .add-people, #app.reader-night-mode .subscription .aside .change-type, #app.reader-night-mode .subscription .aside .dropdown-menu li a, #app.reader-night-mode .subscription .main .add-follow-list .info .name, #app.reader-night-mode .subscription .main .add-follow-list .info span:hover, #app.reader-night-mode .subscription .main .main-top .title a.name, #app.reader-night-mode .trigger-menu .active a, #app.reader-night-mode .trigger-menu .back-main a:hover, #app.reader-night-mode .trigger-menu a:hover, #app.reader-night-mode footer .main a:hover, #app.reader-night-mode nav .style-mode .meta, #app.reader-night-mode nav .style-mode a.switch-btn
#app.reader-night-mode .navbar-default, #app.reader-night-mode .setting .main .setting-pay .input-group .input-group-addon,#app.reader-night-mode  .person .row main .main-top .title .name
  color: #c8c8c8!important
#app.reader-night-mode .avatar-collection img, #app.reader-night-mode .avatar img, #app.reader-night-mode .collection .aside .description, #app.reader-night-mode .collection .aside .follow-list .modal-#app li, #app.reader-night-mode .collection .aside .list, #app.reader-night-mode .collection .aside .serial-story-tips, #app.reader-night-mode .collection .aside .share, #app.reader-night-mode .collection .main .main-top .modal-#app li, #app.reader-night-mode .collections-placeholder .wrap, #app.reader-night-mode .form-control, #app.reader-night-mode .index .aside .download, #app.reader-night-mode .index .main .recommend-collection .collection, #app.reader-night-mode .index .main .split-line, #app.reader-night-mode .jianxin-placeholder .wrap, #app.reader-night-mode .mobile-bind .overseas .overseas-number, #app.reader-night-mode .mobile-bind form .input-prepend input, #app.reader-night-mode .modal-#app li, #app.reader-night-mode .modal-collections-placeholder .wrap, #app.reader-night-mode .modal-footer, #app.reader-night-mode .modal-header, #app.reader-night-mode .modal-notes-placeholder, #app.reader-night-mode .modal-requests-placeholder .wrap, #app.reader-night-mode .modal-users-placeholder, #app.reader-night-mode .new-collection .main .btn-default, #app.reader-night-mode .new-collection .main hr, #app.reader-night-mode .new-collection .main input, #app.reader-night-mode .new-collection .main textarea, #app.reader-night-mode .note-bottom .main .include-collection .add-collection, #app.reader-night-mode .note-bottom .main .include-collection .item, #app.reader-night-mode .note-bottom .recommend-note .note, #app.reader-night-mode .note-bottom .seo-recommended-notes .note, #app.reader-night-mode .note-list .follow-detail, #app.reader-night-mode .note-list .follow-detail .signature, #app.reader-night-mode .note-list .have-img .wrap-img img, #app.reader-night-mode .note-list blockquote, #app.reader-night-mode .note-list li, #app.reader-night-mode .note .follow-detail, #app.reader-night-mode .note .follow-detail .signature, #app.reader-night-mode .note .post .article .show-content .image-package .image-caption, #app.reader-night-mode .note .post .article .show-content .video-package .video-placeholder-area, #app.reader-night-mode .note .post .article .show-content table td, #app.reader-night-mode .note .post .article .show-content table th, #app.reader-night-mode .note .post .comment-list .comment, #app.reader-night-mode .note .post .comment-list .line-warp, #app.reader-night-mode .note .post .comment-list .new-comment .sign-container, #app.reader-night-mode .note .post .comment-list .new-comment textarea, #app.reader-night-mode .note .post .comment-list .normal-comment-list .open-block, #app.reader-night-mode .note .post .comment-list .normal-comment-list .open-block .open-btn, #app.reader-night-mode .note .post .comment-list .normal-comment-list .top-title .author-only, #app.reader-night-mode .note .post .comment-list .sub-comment, #app.reader-night-mode .note .post .comment-list .sub-comment-list, #app.reader-night-mode .note .post .comment-list .top-title, #app.reader-night-mode .note .post .dividing-line, #app.reader-night-mode .note .post .support-author, #app.reader-night-mode .notification-list-placeholder .wrap, #app.reader-night-mode .notification .main .chat-top, #app.reader-night-mode .notification .main .comment-list li, #app.reader-night-mode .notification .main .follow-list li, #app.reader-night-mode .notification .main .jianxin-list li, #app.reader-night-mode .notification .main .like-list li, #app.reader-night-mode .notification .main .message-show .message-l div span, #app.reader-night-mode .notification .main .message-show .message-r div span, #app.reader-night-mode .notification .main .new-comment textarea, #app.reader-night-mode .notification .main .other-list li, #app.reader-night-mode .notification .main .pay-list li, #app.reader-night-mode .notification .main .push-list .all-push, #app.reader-night-mode .notification .main .push-list li, #app.reader-night-mode .notification .main .push-top, #app.reader-night-mode .pagination a, #app.reader-night-mode .pay .choose-pay .option, #app.reader-night-mode .pay .main-inputs, #app.reader-night-mode .pay .main-inputs .amount-group .option, #app.reader-night-mode .pay .main-inputs .message, #app.reader-night-mode .pay .main-inputs textarea, #app.reader-night-mode .person .aside .description, #app.reader-night-mode .person .aside .list, #app.reader-night-mode .person .aside .new-collection-block, #app.reader-night-mode .person .aside .profile-edit textarea, #app.reader-night-mode .person .main .main-top .info ul .meta-block, #app.reader-night-mode .person .main .user-list li, #app.reader-night-mode .requests .modal-#app .show-more, #app.reader-night-mode .requests .modal-#app .title, #app.reader-night-mode .search .aside .hot-search, #app.reader-night-mode .search .main .top, #app.reader-night-mode .search .main .top .relevant:nth-of-type(2), #app.reader-night-mode .search .main .user-list li, #app.reader-night-mode .setting .main .blacklist li, #app.reader-night-mode .setting .main .information .social-bind-list li, #app.reader-night-mode .setting .main input, #app.reader-night-mode .setting .main textarea, #app.reader-night-mode .setting .main tr, #app.reader-night-mode .side-tool ul li, #app.reader-night-mode .side-tool ul li:last-child, #app.reader-night-mode .sign .more-sign h6:after, #app.reader-night-mode .sign .more-sign h6:before, #app.reader-night-mode .sign .overseas .overseas-number, #app.reader-night-mode .sign .slide-error, #app.reader-night-mode .sign form .input-prepend input, #app.reader-night-mode .subscription .aside ul, #app.reader-night-mode .subscription .main .add-follow-list li, #app.reader-night-mode .trigger-menu, #app.reader-night-mode .users-placeholder .wrap, #app.reader-night-mode nav .navbar-toggle, #app.reader-night-mode nav .style-mode .switch-btn, #app.reader-night-mode nav .style-mode hr
  border-color: #2f2f2f;
#app.reader-night-mode .note-list .title:visited
  color: #969696!important;
#app.reader-night-mode .note-list .title
  color #c8c8c8
#app.reader-night-mode .index .main .recommend-collection .collection
  background-color: #4a4a4a

.btn
  display: inline-block
  font-weight: 400
  text-align: center
  vertical-align: middle
  touch-action: manipulation
  cursor: pointer
  background-image: none
  white-space: nowrap
  user-select: none
  padding: 6px 12px
  &.active
    box-shadow: none;
.btn-theme
  border-color #ea6f5a
  color #ea6f5a
.btn-hollow
  border: 1px solid rgba(59,194,29,.7)
  color: #42c02e!important
  font-weight: 400;
  line-height: normal;
  border-radius: 40px;
  background: none;
.container-fluid:after, .container-fluid:before
  content: " "
  display: table
.container
  margin auto!important
  padding-left: 15px
  padding-right: 15px
  padding-top 60px!important
  &:after,&:before
    content ''
    display table
.row
  padding-top 56px
  &:after,&:before
    content: ""
    display: table
.ql-container.ql-snow
  border none!important
.ql-toolbar.ql-snow
  border none!important
  border-top 1px solid #ccc!important
.follow
  background #42c02e
.following
  padding: 8px 22px;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
.btn-success
  border-radius: 40px;
  color: #fff;
  background-color: #42c02e
  border-color #42c02e
.follow-cancel,.follow-each,.following
  border: 1px solid hsla(0,0%,59%,.6)
.follow,.follow-cancel,.follow-each,.following
  padding: 8px 22px
  font-size: 16px
  font-weight: 400
  line-height: normal
.btn-default
  border-radius: 40px
  color: #8c8c8c
  background-color: #f0f0f0
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24
  float left
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23, .col-sm-24, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
.col-xs-16
  width 66.66667%
.dropdown-menu
  margin-top: 0;
  border-color: transparent;
  box-shadow: 0 2px 8px rgba(0,0,0,.1);
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));
  -webkit-filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));
.dropdown-menu
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.15);
  border-color: transparent;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box
.col-xs-offset-3
  margin-left 12.5%
.col-xs-18
  width 75%
.col-xs-offset-8
  margin-left 33.33333%
.tag-banner
  margin-bottom 30px
.recommend-banner, .tag-banner
  width: 100%;
  min-height: 100px;
  background-color: hsla(0,0%,71%,.2);
  border-radius: 6px;
.tooltip
  position absolute
  z-index 1070
  font-family Helvetica Neue,Helvetica,Arial,sans-serif
  font-style normal
  font-weight 400
  letter-spacing normal
  line-break auto
  line-height: 1.42857
  text-align: start
  text-decoration: none
  text-shadow: none
  text-transform: none
  white-space: normal
  word-break: normal
  word-spacing: normal
  word-wrap: normal
  font-size: 12px
  &.right
    margin-left 3px
    padding 0 5px
    .tooltip-arrow
      top 50%
      left 0
      margin-top -5px
      border-width 5px 5px 5px 0
      border-right-color: #000
.tooltip-arrow
  position absolute
  width 0
  height 0
  border-color transparent
  border-style solid
.tooltip-inner
  max-width: 200px
  padding: 5px 10px
  color: #fff
  text-align: center
  background-color: #000
  border-radius: 4px
